'use strict';

(function (root, factory) {
  factory(exports, require('echarts/lib/echarts'));
})(void 0, function (exports, echarts) {
  var log = function log(msg) {
    if (typeof console !== 'undefined') {
      console && console.error && console.error(msg);
    }
  };

  if (!echarts) {
    log('ECharts is not Loaded');
    return;
  }

  echarts.registerTheme('default', {
    // "color": [
    //     "#5B8FF9",
    //     "#5AD8A6",
    //     "#5D7092",
    //     "#F6BD16",
    //     "#E86452",
    //     "#6DC8EC",
    //     "#945FB9",
    //     "#FF9845",
    //     "#1E9493",
    //     "#FF99C3"
    // ],
    color: [
      '#4F8AFF',
      '#49D2CD',
      '#FEB052',
      '#FE8656',
      '#DDC530',
      '#FEC94F',
      '#6889F6',
      '#BFE74A',
      '#80D44F',
      '#FE5D5F',
      '#9B64E0',
      '#F668B2',
    ],
    backgroundColor: 'rgba(0,0,0,0)',
    textStyle: {},
    title: {
      left: 'center',
      textStyle: {
        color: '#898CA1',
      },
      subtextStyle: {
        color: '#898CA1',
      },
    },
    line: {
      itemStyle: {
        normal: {
          borderWidth: 1,
        },
      },
      lineStyle: {
        normal: {
          width: 2,
        },
      },
      symbolSize: 3,
      symbol: 'emptyCircle',
    },
    radar: {
      itemStyle: {
        normal: {
          borderWidth: 1,
        },
      },
      lineStyle: {
        normal: {
          width: 2,
        },
      },
      symbolSize: 3,
      symbol: 'emptyCircle',
    },
    bar: {
      itemStyle: {
        normal: {
          barBorderWidth: 0,
          barBorderColor: '#cccccc',
        },
        emphasis: {
          barBorderWidth: 0,
          barBorderColor: '#cccccc',
        },
      },
    },
    pie: {
      itemStyle: {
        normal: {
          borderWidth: 0,
          borderColor: '#cccccc',
        },
        emphasis: {
          borderWidth: 0,
          borderColor: '#cccccc',
        },
      },
    },
    scatter: {
      itemStyle: {
        normal: {
          borderWidth: 0,
          borderColor: '#cccccc',
        },
        emphasis: {
          borderWidth: 0,
          borderColor: '#cccccc',
        },
      },
    },
    boxplot: {
      itemStyle: {
        normal: {
          borderWidth: 0,
          borderColor: '#cccccc',
        },
        emphasis: {
          borderWidth: 0,
          borderColor: '#cccccc',
        },
      },
    },
    parallel: {
      itemStyle: {
        normal: {
          borderWidth: 0,
          borderColor: '#cccccc',
        },
        emphasis: {
          borderWidth: 0,
          borderColor: '#cccccc',
        },
      },
    },
    sankey: {
      itemStyle: {
        normal: {
          borderWidth: 0,
          borderColor: '#cccccc',
        },
        emphasis: {
          borderWidth: 0,
          borderColor: '#cccccc',
        },
      },
    },
    funnel: {
      itemStyle: {
        normal: {
          borderWidth: 0,
          borderColor: '#cccccc',
        },
        emphasis: {
          borderWidth: 0,
          borderColor: '#cccccc',
        },
      },
    },
    gauge: {
      itemStyle: {
        normal: {
          borderWidth: 0,
          borderColor: '#cccccc',
        },
        emphasis: {
          borderWidth: 0,
          borderColor: '#cccccc',
        },
      },
    },
    candlestick: {
      itemStyle: {
        normal: {
          color: '#d87a80',
          color0: '#2ec7c9',
          borderColor: '#d87a80',
          borderColor0: '#2ec7c9',
          borderWidth: 1,
        },
      },
    },
    graph: {
      itemStyle: {
        normal: {
          borderWidth: 0,
          borderColor: '#cccccc',
        },
      },
      lineStyle: {
        normal: {
          width: 1,
          color: '#aaaaaa',
        },
      },
      symbolSize: 3,
      symbol: 'emptyCircle',
      color: [
        '#007aff',
        '#727df5',
        '#4fd6a7',
        '#00c5dc',
        '#58c7ff',
        '#ffb721',
        '#ff7878',
        '#fbdb59',
      ],
      label: {
        normal: {
          textStyle: {
            color: '#E3E5E8',
          },
        },
      },
    },
    map: {
      itemStyle: {
        normal: {
          areaColor: '#dddddd',
          borderColor: '#E3E5E8',
          borderWidth: 0.5,
        },
        emphasis: {
          areaColor: 'rgba(254,153,78,1)',
          borderColor: '#444',
          borderWidth: 1,
        },
      },
      label: {
        normal: {
          textStyle: {
            color: '#d87a80',
          },
        },
        emphasis: {
          textStyle: {
            color: 'rgb(100,0,0)',
          },
        },
      },
    },
    geo: {
      itemStyle: {
        normal: {
          areaColor: '#dddddd',
          borderColor: '#E3E5E8',
          borderWidth: 0.5,
        },
        emphasis: {
          areaColor: 'rgba(254,153,78,1)',
          borderColor: '#444',
          borderWidth: 1,
        },
      },
      label: {
        normal: {
          textStyle: {
            color: '#d87a80',
          },
        },
        emphasis: {
          textStyle: {
            color: 'rgb(100,0,0)',
          },
        },
      },
    },
    categoryAxis: {
      axisLine: {
        show: true,
        lineStyle: {
          color: '#898CA1',
        },
      },
      axisTick: {
        show: false,
        lineStyle: {
          color: '#333',
        },
      },
      axisLabel: {
        show: true,
        textStyle: {
          color: '#898CA1',
        },
      },
      splitLine: {
        show: false,
        lineStyle: {
          color: ['#E3E5E8'],
        },
      },
      splitArea: {
        show: false,
        areaStyle: {
          color: ['rgba(250,250,250,0.3)', 'rgba(200,200,200,0.3)'],
        },
      },
    },
    valueAxis: {
      axisLine: {
        show: false,
        lineStyle: {
          color: '#898CA1',
        },
      },
      axisTick: {
        show: false,
        lineStyle: {
          color: '#333',
        },
      },
      axisLabel: {
        show: true,
        textStyle: {
          color: '#898CA1',
        },
      },
      splitLine: {
        show: true,
        lineStyle: {
          type: 'dashed',
          color: ['#E3E5E8'],
        },
      },
      splitArea: {
        show: false,
        areaStyle: {
          color: ['rgba(250,250,250,1)'],
        },
      },
    },
    logAxis: {
      axisLine: {
        show: false,
        lineStyle: {
          color: '#008acd',
        },
      },
      axisTick: {
        show: false,
        lineStyle: {
          color: '#333',
        },
      },
      axisLabel: {
        show: true,
        textStyle: {
          color: '#898CA1',
        },
      },
      splitLine: {
        show: true,
        lineStyle: {
          color: ['#E3E5E8'],
        },
      },
      splitArea: {
        show: false,
        areaStyle: {
          color: ['#ffffff'],
        },
      },
    },
    timeAxis: {
      axisLine: {
        show: false,
        lineStyle: {
          color: '#008acd',
        },
      },
      axisTick: {
        show: true,
        lineStyle: {
          color: '#898CA1',
        },
      },
      axisLabel: {
        show: true,
        textStyle: {
          color: '#898CA1',
        },
      },
      splitLine: {
        show: true,
        lineStyle: {
          color: ['#E3E5E8'],
        },
      },
      splitArea: {
        show: false,
        areaStyle: {
          color: ['rgba(250,250,250,0.3)', 'rgba(200,200,200,0.3)'],
        },
      },
    },
    toolbox: {
      iconStyle: {
        normal: {
          borderColor: '#2ec7c9',
        },
        emphasis: {
          borderColor: '#18a4a6',
        },
      },
    },
    legend: {
      top: 0,
      right: 0,
      textStyle: {
        color: '#898CA1',
      },
    },
    tooltip: {
      axisPointer: {
        lineStyle: {
          color: '#898CA1',
          width: '1',
        },
        crossStyle: {
          color: '#898CA1',
          width: '1',
        },
      },
    },
    timeline: {
      lineStyle: {
        color: '#008acd',
        width: 1,
      },
      itemStyle: {
        normal: {
          color: '#008acd',
          borderWidth: 1,
        },
        emphasis: {
          color: '#a9334c',
        },
      },
      controlStyle: {
        normal: {
          color: '#008acd',
          borderColor: '#008acd',
          borderWidth: 0.5,
        },
        emphasis: {
          color: '#008acd',
          borderColor: '#008acd',
          borderWidth: 0.5,
        },
      },
      checkpointStyle: {
        color: '#2ec7c9',
        borderColor: 'rgba(46,199,201,0.4)',
      },
      label: {
        normal: {
          textStyle: {
            color: '#898CA1',
          },
        },
        emphasis: {
          textStyle: {
            color: '#898CA1',
          },
        },
      },
    },
    visualMap: {
      color: ['#5ab1ef', '#e0ffff'],
    },
    dataZoom: {
      backgroundColor: 'rgba(47,69,84,0)',
      dataBackgroundColor: 'rgba(239,239,255,1)',
      fillerColor: 'rgba(182,162,222,0.2)',
      handleColor: '#008acd',
      handleSize: '100%',
      textStyle: {
        color: '#898CA1',
      },
    },
    markPoint: {
      label: {
        normal: {
          textStyle: {
            color: '#E3E5E8',
          },
        },
        emphasis: {
          textStyle: {
            color: '#E3E5E8',
          },
        },
      },
    },
    grid: {
      top: 45,
      left: 30,
      right: 30,
      bottom: 10,
      containLabel: true,
    },
  });
});
